<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>jQuery validation plug-in - requirejs demo</title>

		<link rel="stylesheet" href="../css/screen.css">

		<style type="text/css">
			#commentForm { width: 500px; }
			#commentForm label { width: 250px; }
			#commentForm label.error, #commentForm input.submit { margin-left: 253px; }
		</style>
</head>
<body>

	<h1 id="banner"><a href="http://jqueryvalidation.org/">jQuery Validation Plugin</a> Demo</h1>
	<div id="main">

		<p>Default submitHandler is set to display an alert into of submitting the form</p>
		<form class="cmxform" id="commentForm" method="get" action="">
			<fieldset>
				<legend>Please provide your name, email address (won't be published) and a comment</legend>
				<p>
					<label for="cname">Name (required, at least 2 characters)</label>
					<input id="cname" name="name" minlength="2" type="text" required>
				</p>
				<p>
					<label for="cemail">E-Mail (required)</label>
					<input id="cemail" type="email" name="email" required>
				</p>
				<p>
					<label for="curl">URL (optional)</label>
					<input id="curl" type="url" name="url">
				</p>
				<p>
					<label for="ccomment">Your comment (required)</label>
					<textarea id="ccomment" name="comment" required></textarea>
				</p>
				<p>
					<input class="submit" type="submit" value="Submit">
				</p>
			</fieldset>
		</form>

		<script>
		var require = {
			paths: {
				"jquery": "../../lib/jquery-1.11.1"
			}
		};
		</script>
		<script src="../../lib/require.js" data-main="app.js"></script>
	</div>
</body>
</html>
